<template>
  <div class="goodlist flex-between flex-grow">
    <div class="gooditem" v-for="(item, i) in list" :key="i" @click="$router.push({path:'/goods/goodsitem',query:{id:item.id}})">
      <van-image
        width="100%"
        height="3rem"
        fit="cover"
        lazy-load
        :src="item.image"
      />
      <div class="goodcont">
        <div class="flex-row">
          <h4 class="flex-grow-1 break1">{{ item.store_name }}</h4>
          <div class="sl flex-grow-0">
            已售{{ item.sales }}{{ item.unit_name }}
          </div>
        </div>
        <div class="price">
          {{ item.price }}
          <span class="ot_price">{{ item.ot_price }}</span>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
    props:{
        list:{
            type:Array,
            default:() => []
        }
    }
};
</script>

<style></style>
